<!doctype html>
<html>

	<head>
		<!-- 页面字符编码 -->
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<title></title>

		<link href="css/mui.min.css" rel="stylesheet" />
		<link href="css/comm.css" rel="stylesheet" />
		<link href="css/layout.css" rel="stylesheet" />
		<link href="css/iconfont.css" rel="stylesheet" />
	</head>

	<body>
		<!-- 头部 S-->
		<header class="mui-bar mui-bar-nav  mui-bar-bom mui-bar-white">
			<a class="iconfont icon-fanhui mui-pull-left"></a>
			<h1 class="mui-title mui-bar-title">新增菜单</h1>
		</header>
		<!-- 头部 E -->
		<div class="mui-content">
			<div class="mui-scroll-wrapper mscrollSet mui-scroll-top">
				<div class="mui-scroll">

					<div class="mui-add-menu">
						<div class="mui-addmenu-list">
							<div class="mui-addmenu-ul">
							
							<div class="title bm">
								A套餐
							</div>
							<ul class="mui-table-view " id="add-input">
								<li class="mui-table-view-cell  bm"><input type="text" name="" id="" value="" placeholder="添加菜品（默认第一个为招牌菜）" /></li>
							</ul>
							<li class="mui-table-view-cell">添加菜品<em class="mui-pull-right iconfont icon-jia1"></em></li>
							
							</div>
						<div class="mui-one-line"></div>
						</div>
						<div class="mt20 mui-menu-price">
							<span id="mui-price">价格</span>
				    <span class="mui-pull-right">
						<span>
						<label>￥</label>
						<input type="number" style="width: 60px;" class="txt" placeholder="00" />
					    </span><i>人</i>
                    </span>
						</div>
						<div class="mt56">

							<input type="submit" class="mui-btn mui-btn-block mui-btn-primary mui-conf-btn" name="login" id="login" value="确定">

						</div>

					</div>

				</div>
			</div>
		</div>

		<script src="js/mui.min.js"></script>
		<script type="text/javascript" src="js/jquery-2.1.0.js"></script>
		<script src="js/scroll-wrapper.js"></script>
		<script type="text/javascript">
			$(".icon-jia1").click(function() {
				var tr = "<li class=\"mui-table-view-cell bm\"><input type=\"text\" name=\"\" id=\"\" value=\"\" placeholder=\"添加菜品\"/>" +
					"</li>";
				$("#add-input").append(tr);　　
			});
		</script>
	</body>

</html>